import React, { Component, PropTypes } from 'react';
import Module from '../../lib/module'

import { Button, Row, Col, Input, Slider } from 'antd';

import {store} from '../../../index';
import FindTime from '../findTime';
import IDCard from "../idCard/";
import RadarChart from "../radarChart/";
import MatchRecordTable from "../matchRecordTable/";

class VipData extends Module {
    constructor(props, context) {
        super(props, context);
        this.state = {
        };
    }

    componentDidMount() {
    }


    render() {
        let {  } = this.state;
        return <div className="N_bracelet" >
            <FindTime />
            <div style={{display:"flex",marginTop:"30px"}}>
            <div style={{marginTop:"10px"}}>
                <IDCard />
                <div style={{marginLeft:"30px"}}>
                    <RadarChart />
                </div>
            </div>
            <div>
                <span style={{marginBottom:"13px",display:"block",fontSize:"20px"}}>比赛记录列表：</span>
                <MatchRecordTable />
            </div>
            </div>

        </div>
    }
}

export default VipData;
